<!--
 * @Description: 
 * @Author: charles
 * @Date: 2021-05-05 22:02:56
 * @LastEditors: 侯瑜
 * @LastEditTime: 2022-01-10 19:47:51
-->
<template>
  <!--1. 容器 -->
  <div ref="Buttom3_container" style="height: 95%"></div>
</template>

<script>

import { Liquid } from '@antv/g2plot';

export default{
  data(){
    return{
      dataArr:[
                { type: 'IOS', value: 40 },
                { type: 'Android', value: 28 },
                { type: 'HarmonyOS', value: 32 },
               ]
    }
  },
  created(){

  },
  mounted(){
    this.initChart()
  },
  methods:{
    initChart(){

      const liquidPlot = new Liquid(this.$refs.Buttom3_container, {
            percent: 0.20,
  outline: {
    border: 4,
    distance: 2,
  },
  wave: {
    length: 128,
  },
});

liquidPlot.render();
    }
  }

}
</script>
<style scoped>

</style>